import React, { update } from "../core/react.js";

// const App = React.createElement("div", { id: "app" }, "Hello mini-react");
// const App = <div>mini-react</div>;

let count = 10;
let props = {};
function Counter({ num }) {
  function handleClick() {
    count++;
    props = { id: "count" };
    console.log("click", count);
    update();
  }
  return <div>count:{num}</div>;
}

function App() {
  return (
    <div>
      <Counter num={10}></Counter>
      {/* <Counter num={100}></Counter> */}
    </div>
  );
}

// function App({ n }) {
//   return <div>app: {n}</div>;
// }

export default App;
